﻿*/ CSS Document */
* { margin:0; padding:0; }

.container {width:1000px; 
            margin:0 auto;
background-color:#ffffff !important;
}


body {
background:url(../images/bgpages.gif) #ffffff top left repeat-x  !important;
font-family:Arial,tahoma ;
font-size:10pt;
}
a 
{	font-size:11px;
 	font-family:Arial, tahoma ;
	color:#0022F1;
	text-decoration:none;
	
	}
a:hover
{	
	color:#0d5ff5;
	text-decoration:underline;
	}


.top_pages {	
	width:1000px;	
	background:url(../images/bgtoppages.gif) top left repeat-x;	
	height:25px;
	padding:0px;
	}
	
.links_top{
	float:right;	
	font:normal 11px  Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#0d5ff5;
	padding:5px 5px 5px 5px
	}
.links_top a{
	color:#0d5ff5;
	text-decoration:none;
	}
.links_top a:hover{
	color:#0d5ff5;
	text-decoration:underline;
	}
.links_top img{
	padding:0px 5px 0px 10px;
	}
	
.banner{
	background:url(../images/banner.jpg) top left no-repeat;	
	width:1000px;
	height:36px;	
	}
.banner_search{
	float:right;
	width:300px;
	height:35px;
	text-align:right;
	vertical-align:bottom;
	margin:0px 10px 0px 0px;
	padding-top:0px;
	}
.btn_search {
     font-weight:bold; font-size: 11px;color:#ffffff;cursor:pointer;
	 background:url(../images/btn_search.png);
	  padding-right:0px; cursor: hand; width:36px; height:18px; 
	  border:0;font-family: Arial,Tahoma, Verdana
}
.btn_send {
     font-weight:bold; font-size: 11px;color:#ffffff;cursor:pointer;
	 background:url(../images/btn_send.gif);
	  padding-right:0px; cursor: hand; width:47px; height:36px; 
	  border:0;font-family: Arial,Tahoma, Verdana
}
.btn {
    font:bold 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: inherit;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;		
		border: 1px solid #026acc;
		padding: 4px 10px;
		text-shadow: 1px 1px 0px #5E5E5E;
		-webkit-box-shadow: inset 1px 1px 0px 0px #BEE2F9;
		-moz-box-shadow: inset 1px 1px 0px 0px #BEE2F9;
		box-shadow: inset 1px 1px 0px 0px #1cbbe9;
		cursor: pointer;    
		display: inline-block;
		background-color:#007dcf;
		background: -webkit-linear-gradient(90deg, #1ca4e0 5%, #007dcf 100%);
		background: -moz-linear-gradient(90deg, #1ca4e0 5%, #007dcf 100%);
		background: -ms-linear-gradient(90deg, #1ca4e0 5%, #007dcf 100%);
		background: linear-gradient(180deg, #1ca4e0 5%, #007dcf 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ca4e0",endColorstr="#007dcf");
    
}
.btn82 {
     font-weight:bold; font-size: 11px;color:#ffffff;cursor:pointer;
	 background:url(../images/btn82.gif);
	  padding-right:0px; cursor: hand; width:82px; height:22px; 
	  border:0;font-family: Arial,Tahoma, Verdana
}
.input_form {
	background:url(../images/bginputform.gif) bottom repeat-x ;
    FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#ffffff; height:17px;	
	border-right: #d6dade 1px solid;font-size: 11px; 
	border-top: #8a8b8d 1px solid; border-left: #8a8b8d 1px solid; 
	border-bottom: #d6dade 1px solid; border-collapse: collapse;
}
.input_form_2 {
	background:url(../images/bginputform.gif) bottom repeat-x ;
    FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#ffffff; height:40px;	
	border-right: #d6dade 1px solid;font-size: 11px; 
	border-top: #8a8b8d 1px solid; border-left: #8a8b8d 1px solid; 
	border-bottom: #d6dade 1px solid; border-collapse: collapse;
}

.menu_pages {
	float:left;
	width:1000px;	
	background:url(../images/bgmenu.gif) top left repeat-x;	
	height:33px;	
	}
/* Menu */


.tabs_menu {
	float:left;
	width:980px;
	height:33px;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #ffffff;
	margin-bottom:0em; /* 1 margin between menu and rest of page*/
	overflow:hidden;	
	 margin:0px 5px 0px 12px
	}

.tabs_menu ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
	
	}

.tabs_menu li {
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0;
	}

.tabs_menu a {
	float:left;
	background:url("../images/left.gif") no-repeat left top;
	margin:0px 5px 0px 0px;
	padding:0 0 0 5px;/* images left 6px; */
	text-decoration:none;
	
	}

.tabs_menu a span {
	float:left;
	display:block;
	background:url("../images/right.gif") no-repeat right top;
	padding:10px 15px 12px 10px;
	margin-right:0px;/* margin-right:2px; */
	color:#FFF;
	font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs_menu a span {float:none;}

/* End IE5-Mac hack */
.tabs_menu a:hover span {
	color:#ffffff;
	font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
	}

.tabs_menu a:hover {
	background-position:0% -42px;
	color:#ffffff;
	font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
	}

.tabs_menu a:hover span {
	background-position:100% -42px;
	}

a.current 
	{
	background-position:0% -42px !important;
	}
span.current 
	{
	background-position:100% -42px !important;
	}

/* End of Menu */
/* Listbox of Menu */
option.listbox_current 
	{
	background-position:100% -42px !important;
	font:bold 15px Tahoma,Arial, Helvetica, sans-serif;
	color:#000000 !important;
	}
/* End of Listbox of Menu */
.navi_pages {	
	width:1000px;	
	background:url(../images/bgnavi.gif) top left repeat-x;	
	height:28px;
	padding:0px;
	}
.links_navi{
	float:right;	
	font:normal 11px  Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#223466;
	padding:6px 5px 5px 5px
	}
.links_navi a{
	color:#223466;
	text-decoration:none;
	}
.links_navi a:hover{
	color:#0d5ff5;
	text-decoration:underline;
	}

.links_navi span{		
	font:bold 11px  Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#0d5ff5;	
	}
.links_navi img{
	padding:0px 5px 0px 5px;
	}
.clearboth{
	clear:both;	
	}

.left{
	float:left;
	width:185px;
	background:url(../images/bgmain.gif) left top repeat-x;
}

.main{
	float:left;
	width:100%;
	background:url(../images/bgmain.gif) left top repeat-x;
}


.col_10 {
	float:left;
	width:15px;	
	height:100%;
	padding-top:96px;
	min-height:500px;
	text-align:center;
	cursor:pointer;
	}

.col_porlet_650{
	float:left;
	width:650px;	
	}
.col_porlet320{
	float:left;
	width:320px;	
	}


.footer {	
	width:1000px;	
	background-image:url(../images/bgfooter.gif) ;		
	padding:0px;
	}

.links_footer{
	text-align:center;
	font:normal 11px  Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#a4acb4;
	padding:10px 5px 5px 5px
	}
	
.rowmain_650 {
	float:left;
	width:650px;	
}
.box_320 {
	float:left;
	width:320px;
	/* them chieu cao */
	
}
.title_porlet320 {	
	width:320px;
	height:32px;
	background:url(../images/title_porlet320.png) no-repeat ;	
	}
.title_porlet320 div {
	font:bold 11px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#033280;
	text-transform:uppercase;
	padding:5px 5px 10px 5px;
	text-transform:none;	
	text-align:left;	
	vertical-align:middle
	}	
.title_porlet320 div a {
	text-transform:uppercase;
	color:#033280;
	text-decoration:none;	
}

.title_porlet320 div a:hover {
	color:#0054ff;
	text-decoration:none;
}
.mid_porlet320_none {	
	background:url(../images/mid_porlet320.gif) repeat-y;

}

.mid_porlet320 {	
	background:url(../images/mid_porlet320.gif) repeat-y;
	height:180px;
}

.mid_porlet320_shout {	
	background:url(../images/mid_porlet320_shout.gif) repeat-y;
	height:350px;
}

.mid_porlet320_lienket {	
	background:url(../images/mid_porlet320.gif) repeat-y;
	height:250px;
}
.bottom_porlet320 {
	background:url(../images/bottom_porlet320.png);	
	height:23px;	
}

.bottom_porlet320_shout {
	background:url(../images/bottom_porlet320_shout.png);	
	height:23px;	
}

.moreporlet {
	color:#003399;	
	font:normal 11px Tahoma,Arial, Helvetica, sans-serif;
	line-height:18px;
	margin:0px;	
	text-align:right;
	padding:3px 10px 0px 0px
}
.moreporlet a{
	color:#003399;	
	text-decoration:none;

}
.moreporlet a:hover{
	color:#0054ff;	
	text-decoration:underline;	

}

.links_newsporlet320 ul {
	list-style-type: none; float:left;
	width:290px;
	padding: 0px 0px 0px 5px;
	margin: 0;}

.links_newsporlet320 li {
	float:left;
	width:290px;
	list-style-image:none;
	background-image:url(../images/icon_list.gif);
	background-repeat: no-repeat;
	vertical-align:middle;
	background-position: 3px 10px;
	padding: 8px 5px 8px 18px;
	text-indent:0px;
	margin: 0 0 0px 0;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color: #005eea;
}
.links_newsporlet320 li a{
	width:auto;
	text-decoration:none;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color: #005eea;
	}

.links_newsporlet320 li a:hover{
	text-decoration: underline;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color:#0054ff;
	}
.links_newsporlet320 span{
	color: #5c6f84;
	}

.box_chat {
	float:left;
	margin:5px 10px 5px 10px;	
	width:300px;	
}

.tip_links {
	font:bold 11px Tahoma,Arial;
	color:#005eea;
	text-transform:none;
	padding:5px 10px 5px 10px;
	text-align:left;
	vertical-align:middle
	}
.tip_links a {
	color:#005eea;
	text-decoration:none
	}
.tip_links a:hover{
	color:#ff7c00;
	text-decoration:underline;
	}

.cell_logo {	
	float: left;
	width: 92px;	
	margin: 0px 5px 0px 0px;
}
.cell_logo img{
	border:none;
	float:left;
	margin:3px 3px 3px 3px;

}
.datetime{
	float:left;
	width:500px;
	font:normal 12px  Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#0022f1;
	padding:5px 5px 5px 10px
	}

.col_200 {
	float:left;
	width:200px;	
	}
.col_780 {
	float:left;
	width:780px;	
	}


/* left menu */

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 200px; /*WIDTH OF MAIN MENU ITEMS*/
font: bold 11px Tahoma,Verdana, Helvetica, sans-serif;
color:#032a6b;
}

.glossymenu li{
position: relative;
font: bold 11px Tahoma,Verdana, Helvetica, sans-serif;

}

.glossymenu li a{
background: white url(../images/leftmenu.gif) repeat-x bottom left;
font: bold 11px Tahoma,Verdana, Helvetica, sans-serif;
color:#032a6b;
display: block;
width: auto;
padding: 7px 5px 7px 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 160px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
padding-left:2px;
}

.glossymenu li ul a{
width: 160px; 
font: normal 11px Verdana, Helvetica, sans-serif;
/*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(../images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color:#032a6b;
}

.glossymenu li a:hover{
background-image: url(../images/leftmenu_over.gif);
color:#0066ff;
}

a.active_menuleft{    
	background-image: url(../images/leftmenu_over.gif)!important;
	color:#0066ff !important;
      }

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */

.rowmain_780 {	
	clear:both;
	padding: 0px 0px 0px 0px;	
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	width:100%;
	text-align:right;
	margin:10px 0px 10px 0px;
}
.box_385 {
	float:left;
	width:385px;	
}
.title_porlet385 {	
	width:385px;
	height:32px;
	background:url(../images/title_porlet385.png) no-repeat ;	
	}

.title_porletmain {
	font:bold 11px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#033280;
	text-transform:uppercase;
	padding:5px 5px 10px 5px;		
	text-align:left;	
	vertical-align:middle
	}	
.title_porletmain a {
	text-transform:uppercase;
	color:#033280;
	text-decoration:none;	
}

.title_porletmain a:hover {
	color:#0054ff;
	text-decoration:none;
}

.title_porletmain_2 {
	font:bold 11px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#033280;	
	padding:5px 5px 10px 5px;		
	text-align:left;	
	vertical-align:middle
	}
.title_porletmain_2 a {
	color:#033280;
	text-decoration:none;	
}

.title_porletmain_2 a:hover {
	color:#0054ff;
	text-decoration:none;
}
	
.mid_porlet385 {	
	background:url(../images/mid_porlet385.gif) repeat-y;	
}

.mid_porlet385_height {	
	background:url(../images/mid_porlet385.gif) repeat-y;
	height:190px;
}

.mid_porlet385_height_240 {	
	background:url(../images/mid_porlet385.gif) repeat-y;
	height:250px;
}

.bottom_porlet385 {
	background:url(../images/bottom_porlet385.png);	
	height:23px;
}

.links_newsporlet385 ul {
	list-style-type: none; float:left;
	width:355px;
	padding: 0px 0px 0px 5px;
	margin: 0;
	}

.links_newsporlet385 li {
	float:left;
	width:355px;
	list-style-image:none;
	background-image:url(../images/icon_list.gif);
	background-repeat: no-repeat;
	vertical-align:middle;
	background-position: 3px 10px;
	padding: 8px 5px 8px 18px;
	text-indent:0px;
	margin: 0 0 0px 0;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color: #005eea;
}
.links_newsporlet385 li a{
	width:auto;
	text-decoration:none;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color: #005eea;
	}

.links_newsporlet385 li a:hover{
	text-decoration: underline;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color:#0054ff;
	}
.links_newsporlet385 span{
	color: #5c6f84;
	}

.title_porlet780 {	
	width:780px;
	height:28px;
	background:url(../images/title_porlet780.png) no-repeat ;	
	}
.mid_porlet780 {	
	background:url(../images/mid_porlet780.gif) repeat-y;	
}
.bottom_porlet780 {
	background:url(../images/bottom_porlet780.png);	
	height:23px;
}

.links_notice ul {
	list-style-type: none; 	
	padding: 0px 0px 0px 10px;
	margin: 0;}

.links_notice li {	
	list-style-image:none;
	background-image:url(../images/icon_list.gif);
	background-repeat: no-repeat;
	vertical-align:middle;
	background-position: 3px 8px;
	padding: 5px 5px 3px 18px;
	text-indent:0px;
	margin: 0 0 0px 0;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color: #005eea;
}
.links_notice li a{
	width:auto;
	text-decoration:none;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color: #005eea;
	}

.links_notice li a:hover{
	text-decoration: underline;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color:#0054ff;
	}
.links_notice span{
	color: #5c6f84;
	}
.links_notice li p{
	padding: 3px 0px 3px 0px;		
	font:normal 12px Arial,Tahoma, Helvetica, sans-serif;
	color: #000000;
}
.links_notice li p a{	
	color: #0036ff;
	text-decoration:underline;
	}
.links_notice li p a;hover{	
	color: #0036ff;
	text-decoration:underline;
	}

/* div pages */
.pagination{
color:#000000;
margin-bottom: 0px;
padding: 2px;
font:normal 12px Tahoma,Verdana,Arial,Helvetica, sans-serif
}

.pagination ul{
margin: 0px;
padding: 0px;
padding-top: 5px;
text-align: center; /*Set to "right" to right align pagination interface*/
}

.pagination li{
font:normal 12px Tahoma,Verdana,Arial,Helvetica, sans-serif; 
color:#000000;
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 3px 6px 3px 6px;
border: 1px solid #9fc1e7;
text-decoration: none;
color: #000000;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #9fc1e7;
color: #0066ff;
background-color:#e5f1f9;
}

.pagination li.currentpage{
font:normal 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
color:#0066ff;
padding: 3px 6px 3px 6px;
border: 1px solid #9fc1e7;
background-color: #e5f1f9;

}



.pagination li.disablepage{
padding: 3px 6px 3px 6px;
border: 1px solid #9fc1e7;
color: #2b2b2b;
}
.pagination li.nextpage{
font:normal 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
color:#000000;	
font-weight:normal;
}
/*   het div pages */

.content_views {
	float:left;
	width:760px;	
	margin:10px 10px 0px 10px;
	}

.title_views {
	font:bold 14px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color: #005eea;
	text-align:justify;
	text-transform:none;
	padding:5px 0px 0px 0px;	
	text-align:left;
	vertical-align:middle
	}
	
.title_views span{
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#5c6f84;
	line-height:17px;
	text-transform:none;	
	text-align:left;
	vertical-align:middle
	}
.text_views { 
font:normal 12px Arial,Tahoma,Arial ;
color:#000000; text-align:justify;
vertical-align:middle; 
line-height:18px;
padding:0px 0px 0px 0px;
}

.text_views span{ 
font:bold 12px Arial,Tahoma,Arial ;
color:#292929; text-align:justify;
vertical-align:middle;
}

.author { 
font:bold 12px Arial,Tahoma,Arial; 
color:#0024ff;
text-transform:uppercase;
text-align:right; 
vertical-align:middle;  
padding-bottom:10px;
padding-right:5px;
padding-left:5px;
}
.bottom_views { 
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#0022f1;
	text-align:right;
	padding:0px 5px 0px 5px;
	text-decoration:none;
	}
.bottom_views a{
	color:#0022f1;
	text-decoration:none;
}

.bottom_views a:hover{
	color:#0022f1;
	text-decoration:underline;
}
.title_moreviews { 	
	float:left;
	width:760px;
	height:25px; 	
	background:url(../images/bgtitle_moreviews.gif) top left repeat-x;
	
}
.title_moreviews div{
	font:bold 11px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#003399;
	text-align:justify;
	text-transform:none;
	padding:5px 0px 5px 0px;
	text-align:left;
	vertical-align:middle
	}
/*calendar */

.box_calendar {
	float:left;
	width:300px;
	margin:0px 0px 0px 10px;
	}
.bgtitle_calendar{
	float:left;
	width:300px;
	display:block;
	height:30px;	
	background:url(../images/bgtitle_calendar.gif) top left repeat-x;		
	}
	
.bgtitle_calendar div{	
	font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
	color:#0023ff;
	text-align:left;
	padding:5px 5px 5px 5px;
}

.bgtitle_calendar div img{
	text-align:left;
	padding:0px 5px 0px 0px;
}
.title_calendar{	
	font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
	color:#093f89;
	background:#dcedfd;	
	padding:0px 5px 0px 5px;
}

.list_calendar{
	clear:both;
	float:left;
	width:300px;
	display:block;	
	}

.text_calendar{	
	font:normal 11px Tahoma,Arial, Helvetica, sans-serif;
	color:#000000;
	background:#ffffff;	
	padding:4px 5px 4px 5px;
}

.text_calendar a{		
	color:#000000;
	text-decoration:none;	
}
.text_calendar a:hover{		
	color:#eb0000;
	text-decoration:underline;	
}

.text_calendar_2{	
	font:normal 11px Tahoma,Arial, Helvetica, sans-serif;
	color:#909090;
	background:#ffffff;
	text-align:center;
	padding:0px 5px 0px 5px;
}

.text_calendar_active{	
	font:normal 11px Tahoma,Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:#114fb5;
	text-align:center;
	padding:0px 5px 0px 5px;
}
.border_box_calendar {
	border-color:#b9d0e7;
	border-collapse:collapse;
	border:1px;
	border-right: #b9d0e7 1px solid;
	border-top: #b9d0e7 1px solid; border-left: #b9d0e7 1px solid; 
	 border-bottom: #b9d0e7 1px solid;	
}
/* het clendar */

/* calendar 385 */
.box_calendar_2 {
	float:left;
	width:370px;
	margin:0px 0px 0px 10px;
	}
.bgtitle_calendar_2{
	float:left;
	width:370px;
	display:block;
	height:30px;	
	background:url(../images/bgtitle_calendar.gif) top left repeat-x;		
	}
	
.bgtitle_calendar_2 div{	
	font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
	color:#0023ff;
	text-align:left;
	padding:5px 5px 5px 5px;
}

.bgtitle_calendar_2 div img{
	text-align:left;
	padding:0px 5px 0px 0px;
}
.list_calendar_2{
	clear:both;
	float:left;
	width:370px;
	display:block;	
	}
/* het calendar 385 */

.box_date_calendar  {	
	float:left;
	width:430px;	
	margin:10px 0px 0px 10px;
	background-color:#FFF;
}
.border_box_subj {
border-right: #b5cce3 1px solid;
border-top: #b5cce3 1px solid;
border-bottom: #b5cce3 1px solid;
border-left: #b5cce3 1px solid;	
}

.title_subj { 
clear:both;
text-align:justify;
margin-left:10px;
margin-right:10px;
padding-left:5px;
padding-right:5px;
font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
color:#0d5ff5;
background:ffffff;
}
.title_subj a{
	color:#0d5ff5;
	text-decoration:none;
}
.title_subj a:hover{
	text-decoration:underline;
	color:#0d5ff5;
	
}

.box_calendar_right  {	
	float:right;
	width:320px;	
	margin:10px 10px 0px 0px;	
}

.box_table  {	
	float:left;	
	width:410px;
	margin:10px 10px 10px 10px;	
}
.tip_list {
	background-color:#ccebff;
	font-weight:bold;
	font-size: 11px;
	color:#08377c;	
	padding:5px 5px 5px 5px;
	font-family: Tahoma,Arial, Tahoma, Verdana, Arial
}

.links_calendar {
	font-weight:normal; font-size: 11px; color: #005eea;		
	padding:5px 5px 5px 5px;
	 font-family:  Tahoma, Verdana, Arial
}
.links_calendar a{
	color: #005eea;	
	text-decoration:none;
	
}
.links_calendar a:hover{
	color: #005eea;	
	text-decoration:underline;
}
.links_calendar span{
	font-weight:normal; font-size: 11px; color: #000000;	
	 font-family:  Tahoma, Verdana, Arial
}

.links_calendar_2 {
	background-color:#f7fbff;
	font-weight:normal; font-size: 11px; color: #005eea;		
	padding:5px 5px 5px 5px;
	 font-family:  Tahoma, Verdana, Arial
}
.links_calendar_2 a{
	color: #005eea;	
	text-decoration:none;
	
}
.links_calendar_2 a:hover{
	color: #005eea;	
	text-decoration:underline;
}
.links_calendar_2 span{
	font-weight:normal; font-size: 11px; color: #000000;	
	 font-family:  Tahoma, Verdana, Arial
}

.border_box_table {
	border-collapse:collapse;
	border:1px;
	border-right: #ebf6fd 1px solid;
	border-top: #ebf6fd 1px solid; border-left: #ebf6fd 1px solid; 
	 border-bottom: #ebf6fd 1px solid;	
}

/* tab sub menu */
.tab_submenu {
        width: 760px;        
        margin: 3px 0 10px 0;        
}

.item_submenu {
        margin: 0;
        padding: 0 0 20px 0px;
        border-bottom: 1px solid #a8c0d8;
}

.item_submenu li {
		font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

.item_submenu a:link, .item_submenu a:visited {
		font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
        float: left;       
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #4d5e6d;
}

.item_submenu a:link.active, .item_submenu a:visited.active, .item_submenu a:hover {
        color: #0d5ff5;
        background: url(../images/rounded.gif) no-repeat bottom center;
}
/* het tab submenu */

.tip_calendar {	
	font:bold 11px Tahoma,Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color:#000000;	
	padding:5px 5px 5px 5px;	
}

.border_calendar {	
	border-collapse:collapse;
	border:1px;
	border-right: #b9d0e7 1px solid;
	border-top: #b9d0e7 1px solid; border-left: #b9d0e7 1px solid; 
	 	
}

.text_calendar_gray_2{	
	font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
	color:#000000;
	background:#d7e8f8;	
	text-align:left;
	padding:4px 5px 4px 5px;
}
.text_calendar_gray_2 a{		
	color:#000000;
	text-decoration:none;	
}
.text_calendar_gray_2 a:hover{		
	color:#0d5ff5;
	text-decoration:none;	
}

.text_newtask{	
	font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
	color:#0d5ff5;
	background:#d7e8f8;		
	
}
.text_newtask a{		
	color:#0d5ff5;
	text-decoration:none;	
}
.text_newtask a:hover{		
	color:#0d5ff5;
	text-decoration:underline;	
}

.task_links {
	font:normal 11px Tahoma,Arial;
	color:#053188;
	text-transform:none;
	padding:5px 10px 5px 10px;
	text-align:left;
	vertical-align:middle
	}

.task_links span{
	font:normal 11px Tahoma,Arial;
	color:#0d5ff5;
	text-transform:none;	
	text-align:left;
	vertical-align:middle
	}
.task_links span a {
	color:#0d5ff5;
	text-decoration:none
	}
.task_links span a:hover{
	color:#0d5ff5;
	text-decoration:underline;
	}

.title_form {
	font:bold 11px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#033280;
	text-transform:uppercase;
	padding:5px 5px 10px 5px;	
	text-align:left;	
	vertical-align:middle
	}
.text_form {
	font:bold 11px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#4d5e6d;	
	padding:7px 5px 7px 5px;	
	}
.text_form_2 {
	font:normal 11px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#0054ff;	
	padding:7px 5px 7px 0px;	
	}
.text_form_2 a {
	color:#0054ff;
	text-decoration:none
	}
.text_form_2 a:hover{
	color:#0054ff;
	text-decoration:underline;
	}
	
.input_text_form_area {
	background:url(../images/bginputform.gif) bottom repeat-x ;
	background-color:#ffffff;
    FONT-WEIGHT: normal; FONT-SIZE: 12px;
	border-right: #d6dade 1px solid;FONT-SIZE: 11px; 
	border-top: #d6dade 1px solid; border-left: #d6dade 1px solid; 
	 border-bottom: #d6dade 1px solid; BORDER-COLLAPSE: collapse;
}

.box_report  {	
	float:left;	
	width:760px;
	margin:0px 0px 10px 0px;
	background-color:#FFF;
}

.box_table_2  {	
	float:left;	
	width:740px;
	margin:10px 10px 10px 10px;	
}
/* class news */

.tip_news {
	font:bold 11px Tahoma,Arial;
	color:#0054ff;
	text-transform:none;
	padding:5px 10px 5px 10px;
	text-align:left;
	vertical-align:middle
	}
.tip_news a {
	color:#0054ff;
	text-decoration:none
	}
.tip_news a:hover{
	color:#0054ff;
	text-decoration:underline;
	}
.desc_news {
	font:normal 12px Arial,Tahoma;
	color:#000000;
	text-transform:none;
	padding:0px 0px 0px 0px; 
	text-align:justify;
	vertical-align:middle
	}
.desc_news img{
	padding:0px 5px 0px 0px; 	
	}
.desc_news span{
	font:normal 12px Arial,Tahoma;
	color:#5c6f84;
	}
	
.links_news ul {
	list-style-type: none; float:left;	
	padding: 0px 0px 0px 5px;
	margin: 0;
	}

.links_news li {
	float:left;	
	list-style-image:none;
	background-image:url(../images/icon_list.gif);
	background-repeat: no-repeat;
	vertical-align:middle;
	background-position: 3px 10px;
	padding: 5px 5px 3px 18px;
	text-indent:0px;
	margin: 0 0 0px 0;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color: #005eea;
}
.links_news li a{
	width:auto;
	text-decoration:none;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color: #005eea;
	}

.links_news li a:hover{
	text-decoration: underline;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color:#0054ff;
	}
.links_news span{
	color: #5c6f84;
	}
	
.porlet_subnews { 
	float:left;
	width:760px;
	margin:0px 0px 0px 0px;
	/* background:#FFFFFF; */
}
.title_subnews {
	font:bold 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#005eea;
	text-align:justify;
	text-transform:none;
	padding:5px 0px 0px 0px;	
	text-align:left;
	vertical-align:middle
	}
.title_subnews a {
	color:#005eea;
	text-decoration:none
	}
.title_subnews  a:hover{
	color:#005eea;
	text-decoration:underline;
	}
	
.title_subnews span{
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#5c6f84;
	line-height:17px;
	text-transform:none;	
	text-align:left;
	vertical-align:middle
	}

.line_bottom {	
	border-bottom: #d6dade 1px solid; border-collapse: collapse;
}

.more_news {
	color:#0054ff;	
	font:normal 11px Tahoma,Arial, Helvetica, sans-serif;
	line-height:18px;
	margin:0px;	
	text-align:right;
	padding:0px 0px 3px 0px;
	border-bottom: #d6dade 1px solid; border-collapse: collapse;
}
.more_news a{
	color:#0054ff;	
	text-decoration:none;

}
.more_news a:hover{
	color:#0054ff;	
	text-decoration:underline;	

}

.box_room {	
	width:760px;
	height:35px;
	margin:0px 0px 0px 0px;
	background:#e5f5ff;
}

.box_nhansu  {	
	float:left;
	width:370px;	
	margin:15px 0px 0px 0px;
	background-color:#FFF;
}
.box_nhansu_2  {	
	float:right;
	width:370px;	
	margin:15px 0px 0px 0px;
	background-color:#FFF;
}

.text_name {
	font:bold 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color: #005eea;	
	padding:0px 5px 0px 5px;
	text-transform:uppercase;
	}
.text_name a{
	color: #005eea;	
	text-decoration:none;

}
.text_name a:hover{
	color: #005eea;	
	text-decoration:underline;	

}
.text_name span{
	text-transform:none;
	font:bold 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#4d5e6d;		
	}

.text_name_2 {	
	font:bold 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#4d5e6d;
	line-height:18px;
	padding:5px 5px 5px 5px;
	}
.text_name_2 span{	
	font:normal 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#000000;		
	}

.result_search {
	float:left;	
	margin:0px 0px 0px 0px;
	font:bold 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#082b71;
	text-transform:none;
	padding:0px 0px 0px 5px;		
	text-align:left;	
	vertical-align:middle;
	border-left:solid;
	border-left-width:thick;
	border-left-color:#0aab19;
	}
.result_search a{	
	color:#082b71;	
	text-decoration:none;	
	}
.result_search a:hover{
	color:#005eea;	
	text-decoration:none;
	}
.result_search span{
	font:bold 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#005eea;	
	}


/*menu*/

/*end menu*/
/*  class tab quan tri */

/*- Menu Tabs manage--------------------------- */


.tabs_manage {
      float:left;
      width:100%;
      background:#e4effa;
      font-size:93%;
      line-height:normal;
          /*border-bottom:1px solid #BCD2E6;*/
      }
.tabs_manage ul {
          margin:0;
          padding:5px 10px 0 10px;
          list-style:none;
      }
.tabs_manage li {
      display:inline;
      margin:0;
      padding:0;
      }
.tabs_manage a {
      float:left;
      background:url("../images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
.tabs_manage a span {
      float:left;
      display:block;
      background:url("../images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#032a6b;
	  font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
      }
      
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs_manage a span {float:none;}
    /* End IE5-Mac hack */
.tabs_manage a:hover span {
      color:#005eea;
	  font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
      }
.tabs_manage a:hover {
      background-position:0% -42px;
      }
.tabs_manage a:hover span {
      background-position:100% -42px;
      }

.tabs_manage .current_manage a {
              background-position:0% -42px;
			  color:#005eea;
      }
.tabs_manage .current_manage a span {
              background-position:100% -42px;
			  color:#005eea;
      }
	 
.tabs_state {	
      padding:0px 5px 0px 10px;
      color:#032a6b;
	  font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
      }

a.current_manage 
	{
	background-position:0% -42px !important;
	color:#005eea !important;
	}
span.current_manage 
	{
	background-position:100% -42px !important;
	color:#000000 !important;
	}


/*  het class tab quan tri */
.lblEdit {
	font:bold 11px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#4d5e6d;	
	padding:3px 0px 3px 0px;	
	}
	
.TextBoxInPut,.TextBox {
	
	width:451px;
	padding:3px 3px 3px 3px;
	/*padding:3px 3px 4px 3px;*/
	background: #ffffff;
    border-top: #B9C0C7 1px solid;
    border-left: #B9C0C7 1px solid;
    border-right: #DEDEDE 1px solid;
    border-bottom: #DEDEDE 1px solid;
    -moz-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
    margin: 2px 0px 2px 0px;
}	
.TextBoxInPut{width:100px;}
.TextBoxItem,.TextBox {
	
	width:240px;
	padding:3px 3px 3px 3px;
	/*padding:3px 3px 4px 3px;*/
	background: #ffffff;
    border-top: #B9C0C7 1px solid;
    border-left: #B9C0C7 1px solid;
    border-right: #DEDEDE 1px solid;
    border-bottom: #DEDEDE 1px solid;
    -moz-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
    margin: 2px 0px 2px 0px;
}	
.TextBoxItem{width:100px;}
.TextArea {
	background:url(../images/bginputform.gif) bottom repeat-x ;
    FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#ffffff; height:17px;	
    border-top: #b9c0c7 1px solid;
    border-left: #b9c0c7 1px solid;
    border-right: #e3e9ef 1px solid;
    border-bottom: #e3e9ef 1px solid;
    -moz-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
	width: 160px;
	height:150px;
}
.TextBox:hover{
	border: 1px solid #9b9b9b}	
.TextBox:focus {
	border: 1px solid #9b9b9b; background:#fbf8ed}	
.DropDownList {
	width:462px;
	padding:3px 3px 3px 3px;
	background: #ffffff;
    border-top: #B9C0C7 1px solid;
    border-left: #B9C0C7 1px solid;
    border-right: #DEDEDE 1px solid;
    border-bottom: #DEDEDE 1px solid;    
    -moz-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
    margin: 2px 0px 2px 0px;
    
	}
.Invisible 
{	
	display:none;
	
	}
/*CSS Data grid*/
	
.GridBorder {	
	border-collapse:collapse;
	
}
.GridBorder tr td {	
	border-collapse:collapse;
    padding:5px 5px 5px 5px;
	 font:normal 12px Arial,Helvetica, sans-serif;	 
	 color: #202020;	 	
	border: #bedae8 1px solid;
	
}

.GridBorder th  {	
	border-collapse:collapse;
	border: #b5cce3 1px solid;
	
}
.GridBorder tr:hover{ background:#fff1cc;}

.GridHeader {
      background:url(../images/bg_head.png) repeat-x bottom left;	
	 color:#002857;
	 font:bold 12px Arial,Helvetica, sans-serif;
	 text-decoration:none;
	 padding:5px 5px 5px 5px ;
	 border-bottom:1px solid #a6d3ff !important;	
}

.GridRow {
	font:normal 11px Tahoma,Arial, Helvetica, sans-serif;
	padding:5px 0px 5px 5px;
	height:25px;
	border: #bedae8 1px solid;
	background:#f2f2f2;
}
.GridRow A {
	color:#000000;
	text-decoration:none
}
.GridRow A:hover{
	color:#217de4;
	text-decoration:none
}

.GridAlterRow {
	font:normal 11px Tahoma,Arial, Helvetica, sans-serif;
	color:#000000;
	padding:5px 0px 5px 5px;
	 background:#ffffff;
	height:25px;
	border: #bedae8 1px solid;
}
.GridAlterRow A {
	color:#000000;
	text-decoration:none
}
.GridAlterRow A:hover{
	color:#217de4;
	text-decoration:none
}

.tbl_SelectedRow {
	font:normal 11px Tahoma,Arial, Helvetica, sans-serif;
	color:#0023ff;
	padding:5px 0px 5px 5px;
	background-color:#c5dff8;
	border: #bedae8 1px solid;
}
.tbl_SelectedRow A {
	color:#0023ff;
	text-decoration:none
}
.tbl_SelectedRow A:hover{
	color:#0023ff;
	text-decoration:none
}/*end css datagrid*/	

.col_680 {
	float:left;
	width:650px;	
	}
.rowmain_680 {
	float:left;
	width:650px;	
}	
.title_porlet680 {	
	width:650px;
	height:28px;
	background:url(../images/title_porlet780.png) no-repeat ;	
	}
.mid_porlet680 {	
	background:url(../images/mid_porlet780.gif) repeat-y;	
}
.bottom_porlet680 {
	background:url(../images/bottom_porlet780.png);	
	height:23px;
}	
.imgProduct {float:left; padding-right:3px;}


/* Field requires alert */  
span .fieldRequired {
	color:#DD0000;
}
.fieldRequired {
	background-attachment:scroll;
	background-color:transparent;
	background-image:url("../images/required.gif");
	background-position:center;
	background-repeat:no-repeat;
	color:#DD0000;
	padding-bottom:0px;
	padding-left:8px;
	padding-right:5px;
	padding-top:0px;
}

.Disable {display:none;}


.SubjectTitle{padding-bottom:5px;}	


.TextLabel
{
	font: Arial;
	font-size: 10pt;
	color: #000000;
	font-weight:normal;		
}
.TextAction
{
	font: Arial;
	font-size: 11pt;
	color: #000000;
	font-weight: bold;		
}

.TextNote
{
	font: Arial;
	font-size: 10pt;
	color: gray;
	font-style:italic;
	font-weight:normal;
}
.DivLabel
{
	font: Arial;
	font-size: 11pt;
	color: #000000;
	font-weight: bold;	
	padding: 3px 0px 3px 0px;

}

.TextContent
{
	font: Arial;
	font-size: 11pt;
	color: #000000;	
	padding: 3px 0px 3px 0px;
}

/* PAGINATION EMpressr TinhNT- them td*/
div.paginationEMP {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 93%;/*12px*/
	text-align:center;	
	background:#cbebf6;
	margin:5px 0px 5px 0px;
	float:right;
	height:21px;
	padding:6px 0px 0px 0px;
	font-size: 11px; 
	width:100%;
	
	}

.paginationEMP a
{
	text-decoration:none !important;
	}	
	
div.paginationEMP span { 
background: #fff url(../images/page_gradient.jpg) 0 100% repeat-x;
border: 1px solid #b7c9d7; 
color: #a1a1a1; 
text-align:right;
font-weight: bold;
margin: 0px 2px 0 0;
padding: 2px 5px;
}
div.paginationEMP span a{text-decoration: none;color:#255ecc;
}
div.paginationEMP span.current a{text-decoration: none;color:#fff;
}
div.paginationEMP span a:hover { 
color: #df1818; text-decoration: underline; }
div.paginationEMP span.current { 
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007dcf), color-stop(1, #0c98d9) );
    background: -moz-linear-gradient( center top, #007dcf 5%, #0c98d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dcf', endColorstr='#0c98d9');
    background-color: #0c98d9;
    color: #fff;
    font-weight: bold;
    border: 1px solid #007dcf;
}
/* het phan trang luoi */
.Error
{
	color:Red;
	list-style:none;
	padding-left:20px;
	}
.Table_Question
{
	background-color: #F2F3F4;
	width: 98%;
	padding:6px;
	float: left;
}

.ShowVoted
{
	background-color: #FFf;		
	padding-bottom: 12px;
	padding-top: 12px;
	font-size: 12pt;
	font-weight: bold;
	width: 20%;
	text-align: center;
	float: left;
}

.ShowVoted span
{
		
}

.ShowQuestion
{
	padding-bottom: 10px;
	padding-top: 0px;
	font-size: 10pt;
	font-weight: normal;
	width: 78%;
	float: left;
	padding-left: 10px;
}

.ViewQuestion
{
	font:Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 10px;	
}

.ViewQuestion a
{
	font:Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.ViewQuestion a:hover
{
	text-decoration: underline;
}

.ViewAuthur
{
	font: Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	padding-bottom: 0px;		
}

.TvS
{
	width: 299px;
	float: left;
}
.TvSchedule_Title
{
	width: 299px;
	height: 37px;
	background-image: url(../images/bg_TvSchedule.jpg);
	float: left;	
}


.TvS_Title
{
	width: 199px;
	height: 37px;	
	font-size: 12pt;
	color: #ffffff;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}

.TvS_Title div
{
	padding-left: 20px;
	padding-top: 10px;
	float: left;	
}

.TvS_Title span
{
	text-align: center;
}

.TvS_Channel
{
	width: 100px;
	height: 37px;	
	float: left;	
}

.TvS_Channel div
{
	padding-top: 8px;
	float: left;	
}
.TvSchedule_Rows
{
	width: 299px;
	height: 41px;	
	background-image: url(../images/TvSchedule.jpg);
	font-size: 10pt;
	color: #000000;	
	font-weight: bold;
}

.TvS_Hour
{
	width: 60px;
	height: 41px;	
	font-size: 10pt;
	color: #000000;
	text-align: center;
	font-weight: bold;
	float: left;
}

.TvS_Hour div
{
	margin-top: 5px;
	text-align: center;
}

.TvS_ProName
{
	padding-left: 10px;
	width: 229px;
	font-size: 10pt;
	color: #000000;	
	font-weight: bold;
	float: left;
}

.TvS_ProName div
{
	padding-top: 5px;
	float: left;	
}
.TvSchedule_ViewMore
{
	width: 299px;
	height: 22px;	
	background-image: url(../images/Viewmore_TvSchedule.jpg);
	float: left;
}

.rptButon
{
	padding-top: 10px;
	float: left;
}

.Table_Goal
{
	background-color: #F2F3F4;
	width: 98%;
	padding:6px;
	float: left;
}
.WantDoThis
{
	width: 20%;
	float: left;
}

.WantDoThis span
{
	
}
.ShowGoal
{
	padding-bottom: 10px;
	padding-top: 0px;
	font-size: 10pt;
	font-weight: normal;
	width: 60%;
	float: left;
	padding-left: 10px;
}

.aspNetDisabled
	{
		color:Gray !important;	
		background:white;
			
	}
.aspNetDisabled span
	{
		color:Gray !important;		
	}
	

.tree td div {
  height: auto !important
  }
.tree td span {
  height: auto !important;
  font: 11px Arial, Tahoma, Verdana, Helvetica, sans-serif !important;
  color:Gray;
   
  }
  
table.chkRoleCheckBox 
{	
	width:100%;
	
	
	}

.UpdateProgressContent{
    text-align: center;
    vertical-align: bottom;
    z-index: 9999;
    position:fixed;
    top:35%;
    left:35%;
    width:350px;
}
    .UpdateProgressBackground
{
	margin:0px;
	padding:0px;
	top:0px; bottom:0px; left:0px; right:0px;
	position:fixed;
	z-index:1000;
	background-color:#cccccc;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.LeftMenuTitle
	{background-color:#D9EEFF;
	 text-transform:uppercase;
	 padding:6px ;
	 font-weight:bold;
	}

.MenuMore a
{
	background:none;
	
	cursor:pointer;
	
}

/**/

	.viewMore{ margin-top:5px;width:30px; height:30px; background: url(../images/icon_more.png) no-repeat 0 0; float:left }
	.viewMore:hover{background-position: 0 -43px}
	.viewMore .moreLink{display:none; float:left; width:222px;}
	.viewMore:hover .moreLink{display:block; position:absolute;margin-left:-135px;}
	.viewMore:hover .moreLink a{background:#69afff; width:202px; float:left; color:#fff; border-bottom:#a1cdff 1px solid;  font:bold 12px/18px Arial, Helvetica, sans-serif; padding:3px 2px 3px 6px; text-decoration:none}
	.viewMore:hover .moreLink a:hover{background:#63abff; color:#0049bc; border-bottom:#d8eaff 1px solid;}
	.moreLink_top{ width:210px; height:17px; background:url(../images/menuMore.png) no-repeat 0 -99px; float:left }
	.moreLink_bottom{ width:210px; height:5px; background:url(../images/menuMore.png) no-repeat 0 -131px; float:left }


.ItemDisabled
{
	color:Gray;
}
.ItemActived
{
	font:bold 15px Tahoma,Arial, Helvetica, sans-serif; 
	color:#005eea ;
	}	

input[type="text"].aspNetDisabled {
	width:240px;
	height:15px;
	padding:3px;
	background:#fcfcfc!important;
	border: 1px solid #d6d6d6!important;
	margin-right:4px;
	margin-bottom:8px
}
input[type="check"].aspNetDisabled {
	
	background:#f00!important;
	border: 1px solid #d6d6d6!important;
}
.DivRow {
	width:100%;
	clear:both;
	padding-bottom:5px;
}
.DivLabel {
	color:#000;
	padding-right:3px;
	float:left;
	width:160px;
	padding-left:15px;
	
}    
.DivLabel span{
	color:#000;
    font:normal !important;
}    


.DivTextBox
{
	padding-left:10px;
}


.DivPortlet {
	width:100%;
	clear:both;
}    
.DivRowPortlet {
	width:50%;
	padding-bottom:5px;
	float:left;
	text-align:right;
}
.DivLabelPortlet {
	color:#000;
	padding-right:3px;
	float:left;
	width:170px;
	padding-left:5px;
}  
.DivLabelPortlet span{
	color:#000;
    font:normal !important;
    text-align:right;
}     
.DivTextBoxPortlet
{
	padding-left:5px !important;
	float:left !important;
}
.Error{color:#FF0033;padding-left:15px;padding-bottom:5px;}	

.DivRequired{font: normal 12px Arial, Helvetica, sans-serif;
text-transform: none;
color: #007dcf;
text-align: left;
padding: 5px 0px 5px 0px;}
	
#upload,.uploadifyQueue{padding-left:168px;}
.Total
{text-align:left; 
 padding-left:663px;
    }
    
    .buttonRefresh{
	background:url(../images/icon.png) no-repeat right -80px;
	width:17px;
	height:17px;
	float:left;
	margin-top:8px
}
.DivPortlet {
	width:100%;
	clear:both;
}    
.DivRowPortlet {
	width:50%;
	padding-bottom:5px;
	float:left;
	text-align:right;
}
.DivLabelPortlet {
	color:#000;
	padding-right:3px;
	float:left;
	width:170px;
	padding-left:5px;
}  
.DivLabelPortlet span{
	color:#000;
    font:normal !important;
    text-align:right;
}     
.DivTextBoxPortlet
{
	padding-left:5px;
	float:left;
}
.Hidden{display:none;}






/*begin messagebox up*/
   .box_popup_login
    {
        float: left;
        width: 300px;
    }
    .title_popup
    {
        float: left;
        width: 305px;
        height: 20px;
        vertical-align: top;
        margin: 2px 2px 2px 2px;
        padding: 2px 2px 2px 2px; /*background:url(../images/title_popup.png) no-repeat top left;*/
    }
    .title_popup_login
    {
        float: left;
        width: 305px;
        height: 20px;
        margin: 2px 2px 2px 2px;
        padding: 2px 2px 2px 2px;
        vertical-align: top; /*background:url(../images/title_popup.png) no-repeat top left;*/
    }
    .text_title_popup
    {
        float: left;
        font: bold 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;
        color: #066bb9;
        padding: 2px 2px 2px 2px;
        text-transform: uppercase;
        text-align: left;
        height: 10px;
        vertical-align: text-top;
    }
    
    .icon_title_popup
    {
        float: right;
        font: bold 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;
        color: #ea3214;
        padding: 2px 2px 2px 2px;
        text-transform: uppercase;
        text-align: left;
        vertical-align: top;
        height: 10px;
        width: 17px;
    }
    
    .mid_popup_login
    {
        /*background:url(../images/mid_popup.png) top left repeat-y;		*/
        text-align: center;
        width: 320px;
        height: 50px;
    }
    .mid_popup
    {
        /*background:url(../images/mid_popup.png) top left repeat-y;		*/
        height: 120px;
    }
    .bottom_popup
    {
        /*background:url(../images/bottom_popup.png);		*/
        height: 20px;
        text-align: center;
    }
    .icon_mid_popup
    {
        font: normal 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
        color: #3f3f3f;
        padding: 10px 5px 5px 0px;
        width: 30%;
        text-align: right;
        float: left;
    }
    .text_mid_popup
    {
        font: normal 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
        text-transform: none;
        color: #3f3f3f;
        padding: 10px 5px 5px 0px;
        width: 65%;
        float: left;
        text-align: center;
    }
    
    .text_label_popup
    {
        font: normal 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
        color: #3f3f3f;
        padding: 5px 5px 5px 0px;
        width: 20%;
        text-align: center;
        float: left;
    }
    .text_input_popup
    {
        font: normal 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
        color: #3f3f3f;
        padding: 5px 5px 5px 0px;
        width: 75%;
        text-align: left;
        vertical-align: middle;
        float: left;
    }
    .clearboth
    {
        clear: both;
        height: 5px;
    }
.language{width:300px;float:left;}    

/*end messagebox  up*/


#file_upload
{margin:0px 0px 0px 150px
    }
    
    
/* menu */
.menu-page {
	width:100%;	
	margin:0 auto;	
	position:relative;
	height:66px;	
	background:url(../images/main_menu_mid.png) top left repeat-x;
}


/* menu new */
.head_bg {
	clear:both;
   /* background: url("../images/bgmenupages.png") repeat-x scroll center top rgba(0, 0, 0, 0);*/
    /*border-radius: 4px 4px 0 0;*/
    height: 66px;
    /*margin: 0 auto;*/
	margin:0px 0px 0px 10px;
   /* position: relative;*/
    width: 100%;
}

.nav {
	Z-INDEX: 50;/*edit 26/3*/ 
	font: normal 12px Arial, Helvetica, sans-serif;
	POSITION: relative; HEIGHT: 36px;/*35*/
	top:6px;/*4 edit 27/3*/ 
	left:0px;
	width:100%/*edit 26/3*/;
}
.nav .table {
	DISPLAY: inline; MARGIN: 0px auto
}
.nav .select {
	PADDING: 0px;
	MARGIN: 0px; 
	WHITE-SPACE: nowrap; 
	LIST-STYLE-TYPE: none;
}
.nav .current {
	padding: 0 5px 0 5px;
	MARGIN: 0px; 
	WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none;
}

.nav LI {FLOAT: left;
	padding:0px;
	MARGIN: 0px; HEIGHT: auto;
	list-style-type:none;
}


/*************************************************/
.nav .current A {/*edit 27/3*/
	DISPLAY: block; 
	FLOAT: left; 
	LINE-HEIGHT: 26px; 
	WHITE-SPACE: nowrap; 
	HEIGHT: 30px;
	TEXT-DECORATION: none;
	font-weight:bold;
	padding: 0 0px 0 10px;
	background: url(../images/menu-top-active.png) no-repeat 0 0;
}
.nav .current A span{/*edit 27/3*/
		FLOAT: left; LINE-HEIGHT: 26px; WHITE-SPACE: nowrap; HEIGHT: 27px; TEXT-DECORATION: none;
		font-weight:bold;
		line-height:26px; color:#ffffff;
		padding: 2px 10px 0 0px;
		background: url(../images/menu-top-active.png) no-repeat right bottom;
		font-size:12px;
		text-transform:uppercase;
	}
.nav .current A span:hover {
	DISPLAY: block; 
	FLOAT: left;
	LINE-HEIGHT: 26px; 
	WHITE-SPACE: nowrap;
	TEXT-DECORATION: none;
	font-weight:bold;
}
/*************************************************/
.nav .current .li A {
	DISPLAY: block; FLOAT: left; 
	COLOR: #c9e2ff; 
	LINE-HEIGHT: 26px; 
	WHITE-SPACE: nowrap; 
	HEIGHT: 25px; 
	TEXT-DECORATION: none;
	font-weight:bold;
	padding: 0px 10px 0px 10px;
}
.nav .current A B {
	DISPLAY: block; Z-INDEX: 2
}
/**********************doan********************************/
.nav .select A {
	DISPLAY: block;
	FLOAT: left; 
	line-height:26px; color:#ffffff;
	WHITE-SPACE: nowrap; 
	HEIGHT: 27px; 
	TEXT-DECORATION: none;
	font-weight:bold;
	padding: 0px 10px 0 10px; /*padding:2px 0px 0px 0px *?
	font-size:12px;/*edit 27/3*/
	text-transform:uppercase;
}

/* add status */
.nav .select LI A {
    background: url(../images/menu-top.png) no-repeat scroll left top ;
    cursor: pointer;
    height: 30px;
    padding: 0 0 0 10px;
}
.nav .select LI A span {
    background: url(../images/menu-top.png) no-repeat scroll right bottom ;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    height: 27px;
    line-height: 26px;
    padding: 2px 10px 0 0;
}
/* end add status */

.nav .select A:hover {
	CURSOR: pointer;
	padding: 0 0px 0 10px;
	background: url(../images/menu-top-active.png) no-repeat 0 0;
}
.nav .select A:hover span{
	FLOAT: left; color:#2f60af; LINE-HEIGHT: 26px; WHITE-SPACE: nowrap; HEIGHT: 25px; TEXT-DECORATION: none;
		font-weight:bold;
		padding: 2px 10px 0 0px;
		background:url(../images/menu-top-hover.png) no-repeat right bottom;		
	}
.nav .select LI:hover A {
	CURSOR: pointer;
	background:url(../images/menu-top-hover.png) no-repeat left top;
	padding: 0 0px 0 10px;
	height:30px/*edit 27/3*/
}

.nav .select LI:hover A span {/*edit 27/3*/
	CURSOR: pointer;
	background:url(../images/menu-top-hover.png) no-repeat right bottom;
	padding: 2px 10px 0 0px;HEIGHT: 27px;
	LINE-HEIGHT: 26px;
	float:left; color:#ffffff;
	text-transform:uppercase;
}
/******************************************************/
.nav .select A:hover B {
	DISPLAY: block; FLOAT: left; CURSOR: pointer
}
.nav .select LI:hover A B {
	DISPLAY: block; FLOAT: left; CURSOR: pointer
}
.nav .select_sub {
	DISPLAY: none
}
.nav TABLE {
	FONT-SIZE: 1em; 
	MARGIN: 10px; 
	WIDTH: 0px; 
	BORDER-COLLAPSE: collapse; HEIGHT: 0px
}
.nav .sub {
	PADDING-RIGHT: 0px; 
	DISPLAY: inline; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px auto; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}
.nav .sub_active .current_sub A {
	COLOR: #0099ff;
}
.nav .sub_active A:hover {
	COLOR: #f00
}
.nav .select :hover .select_sub {
	PADDING-RIGHT: 0px;
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	Z-INDEX: 10; 
	LEFT: 0px; 
	BACKGROUND:  url(../images/sub_mn_hover.png) repeat-x center -31px; /*edit 27/3*/ 
	PADDING-BOTTOM: 0px;
	WIDTH: 90%;
	/*WIDTH: 120%;*/
	/*height:57px;*/
	height:30px;
	PADDING-TOP: 0px; 
	color:#4100fb; 
	POSITION: absolute; 
	TOP: 27px; 
	TEXT-ALIGN: left;
}
.nav .current .show {
	PADDING-RIGHT: 0px;
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	Z-INDEX: 10; 
	LEFT: 0px; 
	BACKGROUND:none;
	PADDING-BOTTOM: 4px;
	WIDTH: 100%; 
	/*WIDTH: 120%;*/ /*edit 27/3*/ 
	/*height:57px; edit 27/3*/ 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: repeat-x; 
	POSITION: absolute; 
	TOP: 27px; 
	TEXT-ALIGN: left;
	color:#F96;
	font-weight:normal!important;
}
.nav .current .show {
	Z-INDEX: 2
}
.nav .select :hover .sub LI A {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 8px;
	 DISPLAY: block; 
	 PADDING-LEFT: 8px; 
	 BORDER-LEFT-WIDTH: 0px;
	  FLOAT: left; 
	  BORDER-BOTTOM-WIDTH: 0px; 
	  PADDING-BOTTOM: 0px;
	   MARGIN: 0px;
	   COLOR: #4100fb; 
	   PADDING-TOP: 0px; 
	   WHITE-SPACE: nowrap; 
	   BORDER-RIGHT-WIDTH: 0px
}
.nav .current .show .sub LI A {
	BORDER-TOP-WIDTH: 0px;
	 PADDING-RIGHT: 8px; 
	 DISPLAY: block; 
	 PADDING-LEFT: 8px;
	 BORDER-LEFT-WIDTH: 0px;
	 FLOAT: left;
	 BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px; 
	COLOR: #4100fb; 
	PADDING-TOP: 0px; 
	WHITE-SPACE: nowrap; 
	BORDER-RIGHT-WIDTH: 0px;
	
}
.nav .current .sub LI.sub_show A {
	CURSOR: default; COLOR: #088
}
.nav .select :hover .sub LI A:hover {
	VISIBILITY: visible; COLOR: #0099ff;
}
.nav .current .sub LI A:hover {
	VISIBILITY: visible; COLOR:#0099ff;
}
.undermenu
{	height:27px;
	width: 100%;
	BACKGROUND:none;	}

.MenuLine{
	BACKGROUND:none;
	width:0px;
	height:25px!important;
	float:left
}
.NormalSubMenu
{	
	background: url(../images/icon_submenu.png) 0 -2px no-repeat!important;
	float:left;
	margin-right:10px!important;
	height:19px !important;
	margin-top:5px!important;
}

.select .select_sub .NormalSubMenu
{	margin-right:10px!important;
	
}

.select .select_sub .NormalSubMenu:hover
{	margin-right:10px!important;
}

.ActiveSubMenu{height:19px !important; margin-top:5px!important }
.ActiveSubMenu a
{
	margin-left: 10px;	
	text-decoration:underline !important;
	}
/**doan**/
.sub_1,.sub_2,.sub_4,.sub_5,.sub_6,.sub_7,.sub_8{
	list-style-type:none;
	float:left;
}
.sub_4 {
	margin-left:250px;
}
.sub_5,.sub_6 {
	margin-left:280px;

}
.sub_3 {
	margin-left:10px;
	
}
.sub_7 {
	margin-left:690px;
	
}
.sub_8 {
	margin-left:625px;
	
}
.sub_1 a,.sub_2 a,.sub_3 a,.sub_4 a,.sub_5 a,.sub_6 a,.sub_7 a,.sub_8 a
{
	background:none!important;
	color:#ffffff!important;
	font-weight:normal!important;
	text-transform:none !important;
}
/*css bo sung ngay 7/3*/
.sub_1 a:hover,.sub_2 a:hover,.sub_3 a:hover,.sub_4 a:hover,.sub_5 a:hover,.sub_6 a:hover,.sub_7 a:hover,.sub_8 a:hover,
.sub_1 a:active,.sub_2 a:active,.sub_3 a:active,.sub_4 a:active,.sub_5 a:active,.sub_6 a:active,.sub_7 a:active,.sub_8 a:active
{
	color:#afe9fe !important;
}
.NormalSubMenu:hover
{	
	background: url(../images/icon_submenu_active.png) 0 -1px no-repeat!important;
	float:left;
	margin-right:10px!important;
	color:#002655!important;
}
.sub_1 .ActiveSubMenu a,.sub_2 .ActiveSubMenu a,.sub_3 .ActiveSubMenu a,.sub_4 .ActiveSubMenu a,.sub_5 .ActiveSubMenu a,.sub_6 .ActiveSubMenu a
{	
	background: url(../images/icon_submenu_active.png) 0 -1px no-repeat!important;
	float:left;
	margin-right:10px!important;
	text-decoration:none!important;
	color:#c0eefe!important;
	margin-bottom:0px!important;
}

/* End menu new */    
/* Thêm style này để chia đôi màn hình */
    .Div-Left,.Div-Center{
        float:left;
        width:50%
    }
    .Div-Right {
	    float:none;
	    width:50%; 
	    float:left;
    }
    .TextNote
{
	font: Arial;
	font-size: 11pt;
	color: gray;
	font-style:italic;
	font-weight:normal;
}
.DivLabelSearch {
width: 115px;
float: left;
margin: 5px 0px 0px 10px;
}
/*from design*/
.wrapper_pages {
	width:100%;	
	min-width:780px;
	margin:0 auto;	
	text-align:center;
	position:relative;
	background:url(../images/background.png) top repeat;	
	height:100%;	
}	
.row_banner {
	width:100%;	
	height:100px;
	margin:0 auto;	
	position:relative;
	background:url(../images/bg_banner.png) top left repeat-x;	
	
	}
.cell_logo {	    
	width:130px;		
	position:relative;	
	/*background:url(../images/cell_logo.png) top left no-repeat; 	*/
}
.cell_rightbanner {
	min-width:588px;    
	/*background:url(../images/cell_rightbanner.png) top right no-repeat; */
	position:relative;	
}
.logo_banner{	
	width:110px;
	height:76px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 20px;
	}
	
.name_system{	
	width:555px;
	height:76px;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;		
	}
.link_system {	
	float:right;
	position:absolute;
	right:20px;
	top:10px;
	height:32px;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;		
	}	
	 { /* none needed */ }

ul.nav_list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
		/*border: 1px solid #0c2c52;*/
}

ul.nav_list li {
        float: left;
        font:normal 12px Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #0c2e55;
        border-top: 1px solid #114075;
        border-bottom: 1px solid #114075;
}
ul.nav_list li.liDrop
{
        float: left;
        font:normal 12px Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 2px;
        background-color: #0c2e55;
        border-top: 1px solid #114075;
        border-bottom: 1px solid #114075;
}
.nav_list a, .nav_list a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #ffffff;
        border-right: 1px solid #144d90;
        text-decoration: underline;
}

ul.nav_list li#active {
        color: #95bbae;
        background-color: #0c2e55;
}

.nav_list a:hover {
        color: #93d3ff;
        background-color: #12437b;
}
.input_select {
		color:#333333;
		font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
		background:#ffffff;
		border-top: #B9C0C7  1px solid;
		border-left: #B9C0C7  1px solid; 
		border-right: #DEDEDE 1px solid;	
		border-bottom: #DEDEDE 1px solid;
		BORDER-COLLAPSE: collapse    border=1;
		 -moz-box-sizing: border-box;   
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
	   margin: 2px 0px 2px 0px;
		padding: 2px 0px 2px 0px;
		width:100%;
		height:22px;
	}
	.link_user {	
	float:right;
	position:absolute;
	right:20px;
	top:64px;
	height:32px;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;		
	}
.links_top ul {
	float:right;	
	list-style:none; 	
	padding: 5px 10px 0px 10px;	
	}

.links_top li {	
	list-style-image:none;
	padding: 8px 3px 3px 3px;
	text-indent:0px;	
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	display:inline;
	
}
.links_top li a{
	width:auto;
	text-decoration:none;	
	color: #ffffff;
	font:normal 12px Arial, Helvetica, sans-serif;
	}
	
.links_top li a:hover{
	text-decoration:underline;	
	color:#ffffff;
	}
.links_top li span{		
	color: #ffffff;
	font:bold 16px Arial, Helvetica, sans-serif;
	padding:0px 10px 0px 5px;
	}
/* ========Menu Pages =============*/
.row_menupages { 
	width:100%;	
	background:url(../images/bg_menu.png) top left repeat-x;
	/*ackground-color:#363636;*/
	height:46px;
	margin:0 auto;
	position:relative;	
	text-align:left;
}

/* ======== End Menu Pages =============*/
/*========Pages =================*/
.row_program {
	width:100%;	
	min-height:30px;
	margin:0 auto;	
	position:relative;
	background:#ffffff;		
	border-bottom:1px solid #a6d3ff;
	}
	
.row_mainpages {	
	margin: 0 auto;	
    position: relative;	
    width:100%;
	align:center;	
	text-align:center;		
	padding:0px 0px 0px 0px;	
}
.widthpages {
	margin:10px 20px 20px 20px;	
    position: relative;	  
	align:center;	
	text-align:left;
	text-align:center;	
	height:100%;	
}
.colleft_236 {
	float:left;	
	width:236px;
	margin:0px 0px 0px 0px;	
}
.colright_auto {
	float:left;	
	width:100%;
	margin:0px 0px 0px 0px;	
}

.widthpage_content {			
	margin:0px 0px 0px 14px;
	min-height:350px;	
}
/* Accordion */
.row_contentview {
	width:100%;		 
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;      
    min-height:38px;
	text-align:left;			
}
.row_contentview .box-content{
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dfca9f;*/
	min-height:50px;
	float:left;
	margin-bottom:12px;
	width:99.99%;
	}
	
.row_contentview .box-content .container{
	clear:both;
	padding:0px 0px 0px 0px; 
	margin:10px 0px 10px 0px;
	float:left;	
	width:100%
	}
	
.row_contentview .box-content .title{ height:30px;
	border-bottom: 1px solid #dfca9f;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #fffbda; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffbda 0%, #e6d29d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbda), color-stop(100%,#e6d29d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fffbda 0%,#e6d29d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fffbda 0%,#e6d29d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fffbda 0%,#e6d29d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fffbda 0%,#e6d29d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbda', endColorstr='#e6d29d',GradientType=0 ); /* IE6-9 */
}	

.row_contentview .box-content .title h1{
	font:bold 13px/27px Arial, Helvetica, sans-serif;
	padding:3px 13px;
	text-transform:uppercase;
	color:#000000;
	position:relative}
.row_contentview .box-content .title .drop-icon{
	position:relative;
	left:736px;
	bottom:27px;
	width:19px;
	height:19px;
	background:url(../images/sprites-icon.png) right -131px no-repeat;
	cursor:pointer
	}

/* end Accordion */		
.BoxField {
	width:100%;		 
        padding:0px;
        margin: 0px 0px 5px 0px;
		/*border-bottom:1px solid #a6d3ff;*/        
        min-height:28px;	
		position:relative;
		clear: both;
}
	


.icon_arrowview {
		width:15px;
		height:7px	;	 
        padding:0px;
        margin: 0px 0px 0px 0px;        
        left:20px;
		bottom:-1px;
		position:absolute;
		background: url(../images/icon_arrowtitle.png) no-repeat left bottom;  
}
/*========= tab control ========== */
.tabs_manage {
      float:left;
      margin:0px 0px 0px 0px;
      /*background:#F4F4F4;*/
      font-size:93%;
      line-height:normal;	  
      }
.tabs_manage ul {
        margin:0;
         padding:0px 0px 0 0px;
        list-style:none;
      }
.tabs_manage li {
      display:inline;
      margin:0;
      padding:0;
      }
.tabs_manage a {
      float:left;
      background:url(../images/tabcontrol_left.png) no-repeat left top;
      margin:0px 3px 0px 0px;
       padding:0 0 0 12px;
      text-decoration:none;
	  font:bold 12px Arial,Helvetica, sans-serif;
	  
      }
.tabs_manage a span {
      float:left;
      display:block;
      background:url(../images/tabcontrol_right.png) no-repeat right top;
     padding:7px 25px 6px 6px;
      color:#ffffff;
	  font:bold 12px Arial,Helvetica, sans-serif;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs_manage a span {float:none;}
    /* End IE5-Mac hack */
.tabs_manage a:hover span {
      color:#ffffff;
				font:bold 12px Arial,Helvetica, sans-serif;
      }
.tabs_manage a:hover {
      background-position:0% -42px;
	  color:#ffffff;
      }
.tabs_manage a:hover span {
      background-position:100% -42px;
	  color:#ffffff;
      }

.tabs_manage .current_control a {
                background-position:0% -42px;
				color:#000000;
        }
.tabs_manage .current_control a span {
                background-position:100% -42px;
				color:#000000;
				
        }
/*  het tab control */
.reminder ul {
	list-style-type: none; 	
	padding: 0px 0px 0px 5px;
	margin:0px 10px 0px 10px;}

.reminder li {	
	list-style-image:none;
	background-image:url(../images/arrow_list.png);
	background-repeat: no-repeat;
	vertical-align:middle;
	background-position: 3px 8px;
	padding: 5px 5px 3px 18px;
	text-indent:0px;
	margin: 0 0 0px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #217de4;
	text-align:left;
}

.reminder li a{
	width:auto;
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #217de4;
	}

.reminder li a:hover{
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#ff0000;
	}
.reminder li a.active{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;	
}
.reminder span{
	font:normal 11px Arial,Tahoma, Helvetica, sans-serif;
	color: #606060;
	}
		
/* End Pages ===================*/
/* =================FOOTER PAGE =================================*/

.footerpages {
	clear:both;
	margin:0px 0px 0px 0px;	
	align:center;
	position:relative;
	z-index:6;
	width:100%;
	min-height:46px;	
	border-top:1px solid #aad9f3;
		
	}	
	
.inner_footer {	
	width:100%;
	margin:0 auto;	
	align:center;
	margin:0px 0px 0px 0px;	
	min-height:45px;
	border-top:1px solid #f3faff;	
}

.text_footer {	
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#656565;
	text-transform:none;	
	text-align:right;
	padding:10px 10px 10px 20px;	
	}
	
.text_footer span{	
	font:bold 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#007dcf;	
}


/* =================FOOTER PAGE END =================================*/



/*middle*/


.content_porletform {
	float:left;	
	width:99.9%;
	margin:10px 0px 10px 0px;	
	min-height:100px;
	border-bottom-left-radius :6px;
	-moz-border-radius-bottomleft :6px;
	-webkit-border-bottom-left-radius:6px;	
	
	border-bottom-right-radius :6px; 
	-moz-border- radius-bottomright:6px ;
	-webkit-border-bottom-right-radius:6px ;
	
	border-top-right-radius :6px; 
	-moz-border- radius-topright:6px ;
	-webkit-border-top-right-radius:6px ;
	
	border-top-left-radius :6px; 
	-moz-border- radius-topleft:6px ;
	-webkit-border-top-left-radius:6px ;
	
 	border: 1px solid #a6d3ff ;    
	padding:0px 0px 0px 0px;		
	background:#ffffff;
	clear: both;
}


.tip_form, .HeadTitle {/*edit*/
   
    border-bottom: 1px solid #a6d3ff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    float: left;
    margin: 0 0 5px;
    min-height: 25px;
    /*position: relative;*/
    width: 100%;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb; 
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
	background-color:#bddbfa;	
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.tip_form h2, .HeadTitle h3 {
    color: #ffffff !important;
    float: left;
    font: bold 16px Arial,Helvetica,sans-serif;
    padding: 4px 0 4px 10px !important;
}



.box_scroll_grid { 
    float: left;    
    margin:0px 0px 0px 10px;
	width:98%;   
}

.rowBottomGrid{float:left;margin:5px 0px 0px 0px;}

/* Tuan CD: Oct 10 2014 --> CSS for report */
.report {
    width: 940px;
    overflow-x: scroll;
}

.TextArea {
    width: 240px;
    height: 70px; /* TuanCD mới thêm vào */
    max-width: 240px;
    max-height: 90px;
    min-width: 240px;
    min-height: 40px; /* END */
    padding: 3px;
    background: #eff5ff;
    border: 1px solid #abc1de;
    margin-right: 4px;
    margin-bottom: 8px;
}

.TextAreaMultiple {
    width: 250px;
    /*height: 80px;*/
    padding: 3px;
    background: #eff5ff;
    border: 1px solid #abc1de;
    margin-right: 4px;
    margin-bottom: 8px;
}

.TotalGrossAmount {
    text-align: right;
    margin-right: 85px;
    margin-bottom: 8px;
}

.ClassRowYellow {
    background: #E6F69F;
}

.ClassRowBlue {
    background: #EFF5FF;
}

.ClassRowRed {
    background: #F69F9F;
}
.panel-heading{background-color: #007dcf;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 2px;
border: 1px solid #0374be;
display: inline-block;
/* cursor: pointer; */
color: #ffffff;
font: bold 14px Arial, Helvetica, sans-serif;
padding: 3px 16px 3px 6px;
text-decoration: none;
margin-bottom: 10px;}
.icon_arrow_sub {
width: 15px;
height: 7px;
margin: 0px 0px 0px 0px;
left: 20px;
top: 32px;
position: absolute;
background: url(../images/icon_arrowtitle.png) no-repeat left bottom;

}
.row_subtitle {
width: 97%;
padding: 0px;
margin: 10px 1.5% 10px 1.5%;
border-bottom: 1px solid #e3e3e3;
height: 32px;
position: relative;
}
.texttitle_sub {
font: bold 14px Arial,Helvetica, sans-serif;
color: #2c2c2c;
padding: 10px 0px 5px 0px;
text-align: left;
vertical-align: middle;
text-transform: none;
margin: 0px 0px 0px 0px;
}
.link_expand {
color: #008aff;
font: normal 12px Arial,Helvetica, sans-serif;
text-align: left;
padding: 5px 10px 5px 10px;
}
.link_expand a {
color: #008aff;
text-decoration: none;
}
.link_expand a:hover {
color: #ff0000;
text-decoration: underline;
}
.link_expand a.active{color: #ff0000;
text-decoration: underline;}
.text_inputright td{
color: #007dcf;
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0 0px;
line-height: 28px;
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
}


/*new add portlet*/
/* mid main page */
.column_leftcontent {
	float:left;	
	width:200px;
	margin:0px 0px 0px 0px;	
}
.column_rightcontent {
	float:left;	
	width:770px;
	margin:0px 0px 0px 10px;	
}
.box_porletleft {
	float:left;	
	width:300px;
	margin:10px 0px 0px 0px;
	padding-bottom:10px;
}
/*.bgtop_porletleft {
	float:left;
	background:url(../images/br-top-right-bottom.png) top left no-repeat;	
	width:236px;
	height:5px;	
}*/
/*  add cate */
.bgtitle_porletcate {
	float:left;
	background:url(../images/br-top.png) bottom left no-repeat;	
	width:292px;
	min-height:30px;	
	position:relative;
}

.bgtitle_porletcate img{
	float:right;
	padding:7px 7px;
	}
.bgtitle_porletcate a img{
	float:left;
	padding:7px 0px 0px 13px;
	}
.bgmid_porletcate {
	float:left;
	background:url(../images/br-top-mid.png) top left repeat-y;	
	width:290px;
    height:390px;
    overflow: scroll;
}
.bgbottom_porletcate {
	float:left;
	background:url(../images/br-top-right-bottom.png) top left repeat-y;	
	width:290px;
	height:5px;
}
.texttitle_porletcate {
	float:left;
	text-align:left;
	font:bold 12px Arial,Helvetica, sans-serif;
	color:#ffffff;
	padding:10px 0px 0px 15px;	
	text-transform:uppercase;
	}

.texttitle_porletcate a {
	color:#000000;
	text-decoration:none
	}		

/* end  add cate */

.sidebar_left {	
	width:236px;
	
	 }
.sidebar_left span{
	float:right;
	padding:0px 5px;
	margin-top:-17px;
	}
	   
.sidebar_left ul li a { 
	text-align:left;
 	color:#000000; display:block; width:245px; ; position:relative; 
 	text-decoration:none;
    font: normal 11px Arial,Tahoma, Helvetica, sans-serif;
    color: #606060; 	

 }
.sidebar_left img{
	padding-left:10px;
	padding-top:10px;
	}
.sidebar_left ul li{
        list-style-type: none;
        background-image: url(../images/arrow_list.png);
        background-repeat: no-repeat;
        vertical-align: middle;
        background-position: 3px 8px;
        padding: 5px 5px 3px 18px;
        text-indent: 0px;
        margin: 0 0 0px 0;
        font: normal 12px Arial, Helvetica, sans-serif;
        color: #217de4;
        margin-left: 12px;
	}
.sidebar_left ul{
	display:inline;
	display:block;
	}
.clear_both{
	clear:both;}
.text-2{
	position:absolute;
	left:35px;
	}
.text-1{
	position:absolute;
	left:25px;
	top:-18px;
	}
.text-3{
	position:absolute;
	left:45px;
	}

/*end new add portlet*/
.DivLeft {
width: 360px;
float: left;
}
.DivRight {
width: 360px;
float: left;
}
.DivLeft .TextBoxInPut,.DivLeft .TextBox,.DivRight .TextBoxInPut,.DivRight .TextBox {
width: 160px;
padding: 3px 3px 3px 3px;
/* padding: 3px 3px 4px 3px; */
background: #ffffff;
border-top: #B9C0C7 1px solid;
border-left: #B9C0C7 1px solid;
border-right: #DEDEDE 1px solid;
border-bottom: #DEDEDE 1px solid;
-moz-box-sizing: border-box;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
margin: 2px 0px 2px 0px;
}
.DivRight .DivLabel {
color: #000;
padding-right: 3px;
float: left;
width: 94px;
padding-left: 15px;
}
.DivLeft .DropDownList,.DivRight .DropDownList {
width: 165px;
padding: 3px 3px 3px 3px;
background: #ffffff;
border-top: #B9C0C7 1px solid;
border-left: #B9C0C7 1px solid;
border-right: #DEDEDE 1px solid;
border-bottom: #DEDEDE 1px solid;
-moz-box-sizing: border-box;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
margin: 2px 0px 2px 0px;
}

.TextBoxLong{width:450px !important}